<template>
  <h1>{{name}}</h1>
  <button @click="say">say</button>
</template>

<script>
  import {h} from 'vue'
  export default {
    name: 'App',
    // 此处只测试setup不考虑响应式
    // 不能加上async函数，加上后返回值是个promise对象，要调用then才能取到返回值
    // async setup(){
    setup(){
      // 数据
      let name ="zhangsan"
      // 方法
      function say(){
        alert(`name:${name}`)
      }
      // 返回
      return {
        name,
        say
      }
      // 返回一个函数（渲染函数）
      // return ()=> h('h1','zhangsan')
    },
    // vue3兼容vue2的方式
    // data(){
    //   return {
    //     name:"zhangsan"
    //   }
    // }
    // 因为vue3不能读取vue2的配置，所以强烈不建议混用
  }
</script>
